<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <title>repairman register</title>
    <link rel="stylesheet" href="/employee/css/base.css" type="text/css" media="screen">
    <link rel="stylesheet" href="/employee/css/rpm_main.css" type="text/css" media="screen">
    <!-- <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"> -->

    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
<!--    <script>-->
<!--        function check(TId) {-->
<!--            alert("1111")-->
<!--            $.ajax({-->
<!--                type:"POST",-->
<!--                async: false,-->
<!--                url:"/jutixinx",-->
<!--                data_type:"json",-->
<!--                data: 'TId='+TId,-->
<!--                success:function (result) {-->
<!--                    var data=JSON.parse(result);-->

<!--                    alert("成功！");-->
<!--                },-->
<!--                error : function() {-->
<!--                    alert("出现异常！");-->
<!--                }-->
<!--            });-->


<!--        }-->
<!--    </script>-->

    <!--booststrap-->
    <link href="/employee/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
    <!-- 引入 Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!--//booststrap end-->
    <!-- fonts-awesome icons -->
    <link href="/employee/css/font-awesome.css" rel="stylesheet">
    <!-- //fonts-awesome icons -->
    <!-- For Clients slider -->
    <link rel="stylesheet" href="/employee/css/flexslider.css" type="text/css" media="all" />
    <!-- //For clients slider -->
    <link href="/employee/css/lsb.css" rel="stylesheet" type="text/css">
    <!--gallery lsb lightbox-->
    <!--stylesheets-->
    <link href="/employee/css/style.css" rel='stylesheet' type='text/css' media="all">
    <!--//stylesheets-->
    <link href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500" rel="stylesheet">

    <!-- <script src="/script/btn.js"></script> -->
</head>

<body>

    <!-- 导航栏 -->
    <div class="header-outs" id="home">
        <div class="header-bar">
            <nav class="navbar navbar-expand-lg navbar-light">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
               </button>
                <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="#lists">待接订单 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a href="#orderlist" class="nav-link scroll">订单列表</a>
                        </li>
                        <li class="nav-item">
                            <a href="#personal-info" class="nav-link scroll">个人信息</a>
                        </li>
                        <li class="nav-item">
                            <a href="yjfk" >意见反馈</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <!-- 可接订单 -->
    <section id="lists">
        <div style="position: relative;">
            <!-- rgba(1, 19, 54, 0.9) -->

            <!-- <div style="width: 100%;height: 689px;background-color:rgba(18, 42, 72, 1);"> -->
            <div style="width: 100%;height: 1130px;background-image: url(employee/images/dd.jpg);opacity: 80%;">
            </div>
            <!-- </div> -->

            <div style="position: absolute;top: 350px;display: flex;flex-direction: row;width: 100%;">
                <!-- 该工人可接订单个数，由查询结果集决定 -->
                <li class="order-list">
                    <div class="order-describ" >
                        <span th:text="${size >0?tasklist.get(0).getSkill():'无'}">问题：${设备类型}</span>
                        <span th:text="${size >0?tasklist.get(0).getDescription():'无'}"></span>
                        <span th:text="${size >0?tasklist.get(0).getTAddress():'无'}">位置：${位置信息}</span>
                        <span th:text="${size >0?tasklist.get(0).getTStatus():'无'}">紧急等级：${紧急等级}</span>
                        <input type="hidden" id="00" th:value="${size >0?tasklist.get(0).getSkill():'无'}" >
                        <input type="hidden" id="01" th:value="${size >0?tasklist.get(0).getDescription():'无'}" >
                        <input type="hidden" id="02" th:value="${size >0?tasklist.get(0).getTAddress():'无'}" >
                        <input type="hidden" id="03" th:value="${size >0?tasklist.get(0).getTStatus():'无'}" >
                        <input type="hidden" id="04" th:value="${size >0?tasklist.get(0).getTime():'无'}" >
                        <input type="hidden" id="05" th:value="${size >0?tasklist.get(0).getEId():'无'}" >
                        <input type="hidden" id="06" th:value="${size >0?tasklist.get(0).getEId():'无'}" >
                        <input type="hidden" id="t1" th:value="${size >0?tasklist.get(0).getTId():'无'}">
                        <input type="hidden" id="EId" th:value="${employee.getEId()}">
                        <!-- <span>具体信息：</span> -->
                        <div style="margin-top: 30px;">
                            <a  class="button" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;" onclick="detail()">具体信息</a>

                            <a class="button" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;" onclick="jiedan1()">接单</a>
                        </div>


                    </div>
                    <!-- img图片根据设备类型   显示 -->
                    <div class="type-pic">
                        <img src="/employee/images/type-电梯.png">
                    </div>

                </li>
                <input id="listsize" type="hidden" th:value="${tasklist1.size()}">
                <input id="rank" type="hidden" th:value="${rank}">
                <li class="order-list">
                    <div class="order-describ">
                        <span th:text="${size>1?tasklist.get(1).getSkill():'无'}">问题：${设备类型}</span>
                        <span th:text="${size >1?tasklist.get(1).getDescription():'无'}"></span>
                        <span th:text="${size >1?tasklist.get(1).getTAddress():'无'}">位置：${位置信息}</span>
                        <span th:text="${size >1?tasklist.get(1).getTStatus():'无'}">紧急等级：${紧急等级}</span>
                        <input type="hidden" id="10" th:value="${size >1?tasklist.get(1).getSkill():'无'}" >
                        <input type="hidden" id="11" th:value="${size >1?tasklist.get(1).getDescription():'无'}" >
                        <input type="hidden" id="12" th:value="${size >1?tasklist.get(1).getTAddress():'无'}" >
                        <input type="hidden" id="13" th:value="${size >1?tasklist.get(1).getTStatus():'无'}" >
                        <input type="hidden" id="14" th:value="${size >1?tasklist.get(1).getTime():'无'}" >
                        <input type="hidden" id="15" th:value="${size >1?tasklist.get(1).getEId():'无'}" >
                        <input type="hidden" id="16" th:value="${size >1?tasklist.get(1).getEId():'无'}" >
                        <input type="hidden" id="t2" th:value="${size >1?tasklist.get(1).getTId():'无'}">
                        <!-- <span>具体信息：</span> -->

                        <div style="margin-top: 30px;">
                            <a  class="button" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;" onclick="detail1()">具体信息</a>

                            <a class="button" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;" onclick="jiedan2()">接单</a>
                        </div>


                    </div>
                    <!-- img图片根据设备类型   显示 -->
                    <div class="type-pic">
                        <img src=" /employee/images/type-水电工.png">
                    </div>
                </li>

                <li class="order-list">
                    <div class="order-describ">
                        <span th:text="${size >2?tasklist.get(2).getSkill():'无'}">问题：${设备类型}</span>
                        <span th:text="${size >2?tasklist.get(2).getDescription():'无'}"></span>
                        <span th:text="${size >2?tasklist.get(2).getTAddress():'无'}">位置：${位置信息}</span>
                        <span th:text="${size >2?tasklist.get(2).getTStatus():'无'}">紧急等级：${紧急等级}</span>
                        <input type="hidden" id="20" th:value="${size >2?tasklist.get(2).getSkill():'无'}" >
                        <input type="hidden" id="21" th:value="${size >2?tasklist.get(2).getDescription():'无'}" >
                        <input type="hidden" id="22" th:value="${size >2?tasklist.get(2).getTAddress():'无'}" >
                        <input type="hidden" id="23" th:value="${size >2?tasklist.get(2).getTStatus():'无'}" >
                        <input type="hidden" id="24" th:value="${size >2?tasklist.get(2).getTime():'无'}" >
                        <input type="hidden" id="25" th:value="${size >2?tasklist.get(2).getEId():'无'}" >
                        <input type="hidden" id="26" th:value="${size >2?tasklist.get(2).getEId():'无'}" >
                        <input type="hidden" id="t3" th:value="${size >2?tasklist.get(2).getTId():'无'}">
                        <!-- <span>具体信息：</span> -->

                        <div style="margin-top: 30px;">
                            <a  class="button" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"onclick="detail2()">具体信息</a>

                            <a class="button" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan3()">接单</a>
                        </div>


                    </div>
                    <!-- img图片根据设备类型   显示 -->
                    <div class="type-pic">
                        <img src="/employee/images/type-打印机.png">
                    </div>
                </li>


            </div>
            <!-- if数量 <= 三个，no显示 >> (do not need to 查看更多) display: none; -->

            <div style="position: absolute;top: 780px;left: 1200px;display: flex;flex-direction: column;">
                <a href="#" data-toggle="modal" data-target="#all" style="color: white;font-size: 40px;line-height: 500px">more</a>
            </div>
            <!-- background-image: url(/images/d.jpg); -->
            <!-- <div style="margin-bottom: 10px;border-radius: 0 0 20px 20px;">
                 

                    <img src="/images/d.jpg">

                </div> -->
        </div>
    </section>

    <div id="moredetial" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">订单详情</h4>
                </div>
                <div class="modal-body">
                    <div class="register-form">
                        <form action="#" method="post">

                            <div class="styled-input">
                                <input id="input1" type="text" th:value="类型" required="" disabled="true">
                            </div>
                            <div class="styled-input">
                                <input id="input2" type="text" value="描述：$(设备类型)" required="" disabled="true">
                            </div>
                            <div class="styled-input">
                                <input id="input3" type="text" value="位置：$(设备类型)" required="" disabled="true">
                            </div>
                            <div class="styled-input">
                                <input id="input4" type="text" value="紧急等级：$(设备类型)" required="" disabled="true">
                            </div>
                            <div class="styled-input">
                                <input id="input5" type="text" value="报修时间：$(设备类型)" required="" disabled="true">
                            </div>


                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div id="all" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLiveLabel">所有可接订单</h4>
                </div>
                <div class="modal-body">
                    <div class="register-form">
                        <form action="#" method="post">
                            <li class="order-list1" th:each="task,taskStat:${tasklist}">
                                <div class="order-describ1">
                                    <span th:text="'问题：'+${task !=null?task.getSkill():'无'}">问题：${设备类型}</span>
                                    <span th:text="'描述：'+${task !=null?task.getDescription():'无'}"></span>
                                    <span th:text="'位置：'+${task!=null?task.getTAddress():'无'}">位置：${位置信息}</span>
                                    <span th:text="'紧急等级：'+${task!=null?task.getTStatus():'无'}">紧急等级：${紧急等级}</span>
                                    <input type="hidden" th:id="${taskStat.index}+'0'" th:value="${task !=null?task.getSkill():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'1'" th:value="${task !=null?task.getDescription():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'2'" th:value="${task !=null?task.getTAddress():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'3'" th:value="${task !=null?task.getTStatus():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'4'" th:value="${task !=null?task.getTime():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'5'" th:value="${task !=null?task.getEId():'无'}" >
                                    <input type="hidden" th:id="${taskStat.index}+'6'" th:value="${task !=null?task.getEId():'无'}" >
                                    <input type="hidden" th:id="'t'+${taskStat.count}" th:value="${task !=null?task.getTId():'无'}">
                                    <!-- <span>具体信息：</span> -->

                                    <div style="margin-top: 30px;">
                                        <a th:if="${taskStat.index} eq 0" class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"  onclick="detail()">具体信息</a>
                                        <a th:if="${taskStat.index} eq 1" class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"  onclick="detail1()">具体信息</a>
                                        <a th:if="${taskStat.index} eq 2" class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"  onclick="detail2()">具体信息</a>
                                        <a th:if="${taskStat.index} eq 3" class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"  onclick="detail3()">具体信息</a>
                                        <a th:if="${taskStat.index} eq 4" class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"  onclick="detail4()">具体信息</a>
                                        <a th:if="${taskStat.count} eq 1" class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan1()">接单</a>
                                        <a th:if="${taskStat.count} eq 2" class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan2()">接单</a>
                                        <a th:if="${taskStat.count} eq 3" class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan3()">接单</a>
                                        <a th:if="${taskStat.count} eq 4" class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan4()">接单</a>
                                        <a th:if="${taskStat.count} eq 5" class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jiedan5()">接单</a>
                                    </div>


                                </div>
                                <!-- img图片根据设备类型   显示 -->
                                <div class="type-pic">
                                    <img src="/employee/images/type-电梯.png">
                                </div>
                            </li>
<!--                            <li class="order-list1">-->
<!--                                <div class="order-describ1">-->
<!--                                    <span th:text="${tasklist.get(4) !=null?tasklist.get(4).getSkill():'无'}">问题：${设备类型}</span>-->
<!--                                    <span th:text="${tasklist.get(4) !=null?tasklist.get(4).getDescription():'无'}"></span>-->
<!--                                    <span th:text="${tasklist.get(4)!=null?tasklist.get(4).getTAddress():'无'}">位置：${位置信息}</span>-->
<!--                                    <span th:text="${tasklist.get(4)!=null?tasklist.get(4).getTStatus():'无'}">紧急等级：${紧急等级}</span>-->
<!--                                    <input type="hidden" id="40" th:value="${tasklist.get(4) !=null?tasklist.get(4).getSkill():'无'}" >-->
<!--                                    <input type="hidden" id="41" th:value="${tasklist.get(4) !=null?tasklist.get(4).getDescription():'无'}" >-->
<!--                                    <input type="hidden" id="44" th:value="${tasklist.get(4) !=null?tasklist.get(4).getTAddress():'无'}" >-->
<!--                                    <input type="hidden" id="43" th:value="${tasklist.get(4) !=null?tasklist.get(4).getTStatus():'无'}" >-->
<!--                                    <input type="hidden" id="44" th:value="${tasklist.get(4) !=null?tasklist.get(4).getTime():'无'}" >-->
<!--                                    <input type="hidden" id="45" th:value="${tasklist.get(4) !=null?tasklist.get(4).getEId():'无'}" >-->
<!--                                    <input type="hidden" id="46" th:value="${tasklist.get(4) !=null?tasklist.get(4).getEId():'无'}" >-->
<!--                                    <input type="hidden" id="t5" th:value="${tasklist.get(4) !=null?tasklist.get(4).getTId():'无'}">-->
<!--                                    &lt;!&ndash; <span>具体信息：</span> &ndash;&gt;-->

<!--                                    <div style="margin-top: 30px;">-->
<!--                                        <a  class="button1" href="#" data-toggle="modal" data-target="#moredetial" style="margin-left: 10px;"onclick="detail4()">具体信息</a>-->

<!--                                        <a class="button1" href="#" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;"onclick="jidan5()">接单</a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                &lt;!&ndash; img图片根据设备类型   显示 &ndash;&gt;-->
<!--                                <div class="type-pic">-->
<!--                                    <img src="/employee/images/type-打印机.png">-->
<!--                                </div>-->
<!--                            </li>-->

                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" id="close">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div id="exampleModalLive" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <!---->
                <div class="modal-header">
                    <img src="/employee/images/疑问.png" style="width: 48px;height: 48px;">
                    <!--  -->
                    <p class="modal-title" style="width: 600px;font-size: 35px;margin-left: 30px;font-weight: 600;">New Device</p>
                </div>
                <div class="modal-body" style="margin: 30px auto;">
                    <h3>维修过程是否需要更换新设备？</h3>
                </div>
                <div class="modal-footer">
                    <!--模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容。

                        data-toggle告诉脚本当按钮被点击时该做什么。modal,popover,tooltips等
                        
                        data-target告诉脚本点击时切换哪个部分。
                        属性保存一个部分的id。例如：data-target="#navbar-collapse"
                        将#navbar-collapse这个Dom元素的内容以模态框的形式展示
                        单击该按钮时，该部分将被切换 
                        
                        data-dismiss是bootstrap里自定义的属性，给一个元素data-dimiss属性的话，可以通过点击该元素达到让目标消失的效果。 -->
                    <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> -->
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                    <div class="more">
                        <a href="#" data-dismiss="modal">Close</a>
                    </div>
                    <div class="more">
                        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#exampleModalLive11">Need</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="exampleModalLive11" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" >Device Detials</h4>
                </div>
                <div class="modal-body">
                    <div class="register-form">
                        <form action="#" method="post">
                            <div class="fields-grid">
                                <!-- input输入框的背景提示信息(placeholder)的美化虽然只是对网站应用的小小点缀 -->
                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="空调" name="空调" disabled="true">
                                    <input id="air" type="text" placeholder="num" value="0" name="num1" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>
                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="打印机" name="打印机" disabled="true">
                                    <input id="printer" type="text" placeholder="num" value="0" name="num2" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>
                                <!-- <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="打印机油墨" name="打印机油墨" disabled="true">
                                    <input type="text" placeholder="num3" value="0" name="num3" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="盒" disabled="true">
                                </div> -->

                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="电灯" name="电灯" disabled="true">
                                    <input id="light" type="text" placeholder="num" value="0" name="num4" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="个" disabled="true">
                                </div>

                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="电脑" name="电脑" disabled="true">
                                    <input id="computer" type="text" placeholder="num" value="0" name="num5" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>


                                <!-- 
                                <div class="styled-input agile-styled-input-top">
                                    <select class="category1" required="">
                                 <option value="">电灯</option>
                                 <option value="">长灯管</option>
                                 <option value="">小圆灯</option>
                                 <option value="">3</option>
                                 <option value="">More</option>
                              </select>
                                </div> -->

                                <div class="styled-input styled-inputF">
                                    <input type="text" id="others" placeholder="Others" name="others" required="">
                                    <input type="text" id="othersnum" placeholder="num" value="0" name="num6" required="" style="background-color: #eee;border-radius: 8px">
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-toggle="modal" data-target="#sendreq" onclick="need()">OK</button>
                </div>
            </div>
        </div>
    </div>

    <div id="sendreq" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body" style="margin: 30px auto;">
                    <img src="employee/images/点击，确认，手势.png" style="width: 52px;height: 52px;">
                    <p class="modal-title" style="width: 600px;font-size: 28px;margin-left: 20px;font-weight: 500;display: inline;">请求已发送，请耐心等待审核结果……</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-toggle="modal">OK</button>
                </div>
            </div>
        </div>
    </div>


    <div id="exampleModalLive222" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <!---->
                <div class="modal-header">
                    <img src="/employee/images/疑问.png" style="width: 48px;height: 48px;">
                    <!--  -->
                    <p class="modal-title"  style="width: 600px;font-size: 35px;margin-left: 20px;font-weight: 600;">New Device</p>
                </div>
                <div class="modal-body" style="margin: 30px auto;">
                    <h3>维修过程是否需要更换新设备？</h3>
                </div>
                <div class="modal-footer">
                    <div class="more">
                        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#orderdetial">Close</a>
                    </div>
                    <div class="more">
                        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#exampleModalLive22">Need</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="exampleModalLive22" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Device Detials</h4>
                </div>
                <div class="modal-body">
                    <div class="register-form">
                        <form action="#" method="post">
                            <div class="fields-grid">
                                <!-- input输入框的背景提示信息(placeholder)的美化虽然只是对网站应用的小小点缀 -->
                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="空调" name="空调" disabled="true">
                                    <input type="text" placeholder="num" value="0" name="num1" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>
                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="打印机" name="打印机" disabled="true">
                                    <input type="text" placeholder="num" value="0" name="num2" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>
                                <!-- <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="打印机油墨" name="打印机油墨" disabled="true">
                                    <input type="text" placeholder="num3" value="0" name="num3" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="盒" disabled="true">
                                </div> -->

                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="电灯" name="电灯" disabled="true">
                                    <input type="text" placeholder="num" value="0" name="num4" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="个" disabled="true">
                                </div>

                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="电脑" name="电脑" disabled="true">
                                    <input type="text" placeholder="num" value="0" name="num5" required="" style="background-color: #eee;border-radius: 8px">
                                    <input type="text" placeholder="台" disabled="true">
                                </div>


                                <!-- 
                                <div class="styled-input agile-styled-input-top">
                                    <select class="category1" required="">
                                 <option value="">电灯</option>
                                 <option value="">长灯管</option>
                                 <option value="">小圆灯</option>
                                 <option value="">3</option>
                                 <option value="">More</option>
                              </select>
                                </div> -->

                                <div class="styled-input styled-inputF">
                                    <input type="text" placeholder="Others" name="others" required="">
                                    <input type="text" placeholder="num" value="0" name="num6" required="" style="background-color: #eee;border-radius: 8px">
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-toggle="modal" data-target="#orderdetial">Close</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-toggle="modal" data-target="#sendreq222">OK</button>
                </div>
            </div>
        </div>
    </div>



    <div id="sendreq222" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body" style="margin: 30px auto;">
                    <img src="/employee/images/点击，确认，手势.png" style="width: 52px;height: 52px;">
                    <p class="modal-title" style="width: 600px;font-size: 28px;margin-left: 20px;font-weight: 500;display: inline;">请求已发送，请耐心等待审核结果……</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" data-toggle="modal" data-target="#orderdetial">OK</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 维修工人的个人订单列表 -->
    <section style="position: relative;margin-top: 100px; border-top: #eee solid 2px;padding-top: 100px;" id="orderlist">
        <div style="background-image: url(employee/images/list-section-bg.jpg);opacity: 70%;;height: 727px;width: 100%;">
        </div>
        <div class="list">
            <!-- 根据师傅修理的订单记录，查询的结果集显示 span 个数 -->
            <h3 style="color: white;font-weight: 700;font-size: 22px;">LIST</h3>
            <div class="spanstyle">
                <span style="padding-top: 30px;padding-left: 20px;" th:each="task,taskStat:${tasklist1}" th:if="${taskStat.count<=4}">
                        <a href="#" data-target="#orderdetial" data-toggle="modal" style="width: 100%; height: 100%;color: black;font-size: 20px; font-weight: 500;" th:text="${task.getTId()}" onclick='check(this)'>
                            订单编号1
                        </a> 
                    </span>

                <!-- if 订单不止4个，显示 查看更多 按钮，查看所有订单 -->
                <div>
                    <a href="#" data-toggle="modal" data-target="#allorders" style="color: white;font-size: 30px;">
                            >>
                        </a>
                </div>
            </div>

        </div>
    </section>

    <div id="orderdetial" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="title" >订单详情</h4>
                    </button>
                </div>
                <div class="modal-body" style="position: relative;">
                    <!-- 设备类型、问题描述、紧急等级、位置、是否所需新设备及新设备类型数量、\\ 报修员工ID、姓名，、接单时间、维修时间 \\ 完成情况（未处理、待处理、已处理）\是否需要申请</div> -->
                    <div>
                        <div id="main3" onclick="document.all.child3.style.display=(document.all.child3.style.display =='none')?'':'none'">
                            重要信息
                        </div>
                        <!-- <div id="child1" style="display:none;"> -->
                        <div id="child3" style="display:none;">
                            <div>订单状态：</div>
                            <div id="state">${}</div>
                            <div>
                                <!-- &nbsp; -->

                                <!-- if 订单状态为已接单， 显示 button：申请新设备吗？else 显示 &nbsp; -->
                                <!-- class="button" -->
                                <input type="hidden" id="TId1" >
                                <input type="hidden" id="EId1" >
                                <a id="sqxsb" href="#" data-dismiss="modal" data-toggle="modal" data-target="#exampleModalLive" style="margin-left: 10px;background-color: #ff9046;border-radius: 4px;" onclick="get()" >
                                    <span style="margin: auto 3px;">
                                        申请新设备
                                    </span>
                                </a>
                                <a id="finishdd" href="#" data-dismiss="modal" data-toggle="modal" data-target="#" style="margin-left: 10px;background-color: #ff9046;border-radius: 4px;" onclick="finishTask()">
                                    <span style="margin: auto 3px;">
                                        完成订单
                                    </span>
                                </a>





                            </div>
                            <br>
                            <!-- <div>是否需要申请新设备</div>
                                <div>${}</div>
                                <div>&nbsp;</div> -->
                            <br>
                            <div>报修时间：</div>
                            <div id="baoxiusj">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>接单时间：</div>
                            <div id="jiedansj">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>完成时间：</div>
                            <div id="finishsj">暂无</div>
                            <div>&nbsp;</div>
                        </div>

                        <div id="main1" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'">
                            订单信息
                        </div>
                        <!-- <div id="child1" style="display:none;"> -->
                        <div id="child1" style="display:none;">
                            <div>设备类型:</div>
                            <div id="shebeilx">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>问题:</div>
                            <div id="desc">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>紧急等级：</div>
                            <div id="jinjdj">${}</div>
                            <div>&nbsp;</div>


                        </div>

                        <div id="main2" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'">
                            报修员工信息
                        </div>
                        <!-- <div id="child1" style="display:none;"> -->
                        <div id="child2" style="display:none;">
                            <div>员工ID:</div>
                            <div id="CId">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div >员工姓名:</div>
                            <div id="CName">${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div >联系方式：</div>
                            <div id="CPhone">${}</div>
                            <div>&nbsp;</div>
                        </div>

                        <!-- <div id="main4" onclick="document.all.child4.style.display=(document.all.child4.style.display =='none')?'':'none'">
                            修理工信息
                        </div>
                        <div id="child4" style="display:none;">
                            <div>ID：</div>
                            <div>${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>姓名：</div>
                            <div>${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>擅长类型：</div>
                            <div>${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>能力排名：</div>
                            <div>${}</div>
                            <div>&nbsp;</div>
                            <br>
                            <div>联系方式：</div>
                            <div>${}</div>
                            <div>&nbsp;</div>
                        </div> -->

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="document.all.child4.style.display='none';document.all.child3.style.display='none';document.all.child2.style.display='none';document.all.child1.style.display='none'">知道啦</button>
                </div>
            </div>
        </div>
    </div>

    <div id="allorders" class="modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" >你接收了这么多订单!</h4>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="spanstyle">
                        <span style="padding-top: 30px;padding-left: 20px;background-color: lightgreen;" th:each="task,taskStat:${tasklist1}">
                                <a href="#" data-dismiss="modal" data-target="#orderdetial" data-toggle="modal" style="width: 100%; height: 100%;color: black;font-size: 20px; font-weight: 500;" th:text="${task.getTId()}" onclick='check(this)'>
                                    订单编号1
                                </a> 
                            </span>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>


<!--    &lt;!&ndash; 个人信息 &ndash;&gt;-->
<!--    <section id="personal-info">-->
<!--        <div style="margin-top: 200px;height: 1000px;border-top: #eee solid 2px;" class="bbb">-->
<!--            <div style="background-color: yellowgreen;width: 60%;border-radius: 12px;margin-left: 20%;position: relative;">-->
<!--                <div style="position: absolute;width: 200px;height: 200px;border-radius: 50%;top: 10px;z-index: 9;">-->
<!--                    &lt;!&ndash; 动态获取头像 + 个人信息 &ndash;&gt;-->
<!--                    <img src="/images/pic-png1.png" style="width: 100%;height: 100%;border-radius: 50%;" class="hover">-->
<!--                </div>-->
<!--                <div style="position: absolute;width: 100%;height: 400px;top: 150px;left: 100px;">-->
<!--                    <div style="position: relative;width: 100%; height: 100%;background-color: #eee;">-->
<!--                        <div style="position: absolute;background-color: yellowgreen;width: 100%;border-radius: 12px;">-->
<!--                            <div class="inputstyle" style="margin-left: 20%;padding-bottom: 20px;">-->
<!--                                <input type="text" name="姓名" th:placeholder="name" required="">-->
<!--                                <input type="text" name="工人ID" th:placeholder="${employee.getEId()}" required="" readonly>-->
<!--                                <input type="text" name="电话" th:placeholder="${employee.getEPhone()}" required="">-->
<!--                                <input type="text" name="擅长类型" th:placeholder="${skill}" required="">-->
<!--                                <button class="button" style="margin-left: 3%;background-color: #ff9046;">更新个人信息</button>-->
<!--                                &lt;!&ndash; <button class="button" style="margin-left: 3%;">修改信息</button> &ndash;&gt;-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div style="position: absolute;background-color: #122a48;border-radius: 12px;width: 30%;height: 90%;top: 75%;left: 80%;">-->
<!--                            <div style="width: 100%;height: 50%;margin: 20px auto 10px 20px;display: flex;flex-direction: column;">-->
<!--                                <img src="/employee/images/total.png" style="width: 20%;height: 25%;">-->
<!--                                &lt;!&ndash; 动态数据 &ndash;&gt;-->
<!--                                <h1 style="color: white;margin-top: 10px;fonts-size: 25px;" id="total-orders">$total num</h1>-->
<!--                                <h3 style="margin-top: 10px;fonts-size: 20px;color:#eee;"> repaired orders</h3>-->
<!--                            </div>-->
<!--                            <div style="width: 100%;height: 50%;margin: auto auto 20px 20px;display: flex;flex-direction: column;">-->
<!--                                <img src="/employee/images/recommend.png" style="width: 20%;height: 25%;">-->
<!--                                <h1 style="color: white;margin-top: 10px;fonts-size: 25px;" id="rem-rank">$动态数据。。。</h1>-->
<!--                                <h3 style="margin-top: 10px;fonts-size: 20px;color:#eee;">recommend rank</h3>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--            </div>-->
<!--        </div>-->

<!--    </section>-->




    <!-- 个人信息 -->
    <section id="personal-info">
        <div style="margin-top: 200px;height: 1000px;border-top: #eee solid 2px;" class="bbb">
            <div style="background-color: yellowgreen;width: 60%;border-radius: 12px;margin-left: 20%;position: relative;">
                <div style="position: absolute;width: 200px;height: 200px;border-radius: 50%;top: 10px;z-index: 9;">
                    <!-- 动态获取头像 + 个人信息 -->
                    <img src="/employee/images/pic-png1.png" style="width: 100%;height: 100%;border-radius: 50%;" class="hover">
                </div>
                <div style="position: absolute;width: 100%;height: 400px;top: 150px;left: 100px;">
                    <div style="position: relative;width: 100%; height: 100%;background-color: #eee;">
                        <div style="position: absolute;background-color: yellowgreen;width: 100%;border-radius: 12px;">
                            <div class="inputstyle" style="margin-left: 20%;padding-bottom: 20px;margin-right: 20%;height: 30%;">
                                <!-- overflow-y: scroll; -->
                                <div style="background-color: #eee; border-radius: 20px;height: 600px;margin: 40px 10px;padding: 20px 0 0 70px;">
                                    <form id="form1">
                                    <span>姓名</span><input type="text" name="EName" th:value="${employee.getEName()}"  required=""><br>
                                    <span>ID</span><input type="text" name="EId" th:value="${employee.getEId()}" required=""  readonly><br>
                                    <span>电话</span><input type="text" name="EPhone" th:value="${employee.getEPhone()}" required=""><br>
                                    <span>特长</span><input type="text" name="skill" th:value="${skill}" required=""><br>
                                    <!-- placeholder="1234" -->
                                    <span>密码</span><input type="password" name="EPwd" th:value="${employeelogin.getEPwd()}" required="">
                                    </form>
                                    <!-- <button class="button" style="margin-left: 3%;">修改信息</button> -->
                                    <button class="button" style="margin-left: 3%;background-color: #ff9046;" onclick="update()">更新个人信息</button>
                                </div>
                            </div>

                        </div>
                        <div style="position: absolute;background-color: #122a48;border-radius: 12px;width: 30%;height: 90%;top: 75%;left: 80%;">
                            <div style="width: 100%;height: 50%;margin: 20px auto 10px 20px;display: flex;flex-direction: column;">
                                <img src="/employee/images/total.png" style="width: 20%;height: 25%;">
                                <!-- 动态数据 -->
                                <h1 style="color: white;margin-top: 10px;font-size: 25px;" id="total-orders">$total num</h1>
                                <h3 style="margin-top: 10px;font-size: 20px;color:#eee;"> repaired orders</h3>
                            </div>
                            <div style="width: 100%;height: 50%;margin: auto auto 20px 20px;display: flex;flex-direction: column;">
                                <img src="/employee/images/recommend.png" style="width: 20%;height: 25%;">
                                <h1 style="color: white;margin-top: 10px;font-size: 25px;" id="rem-rank">$动态数据。。。</h1>
                                <h3 style="margin-top: 10px;font-size: 20px;color:#eee;">recommend rank</h3>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </section>

    <!-- footer -->
    <footer>
        <div class="footer-1">
            <div>
                <h2>关于</h2>
                <p style="background-color: rgba(1,1, 1, 0);">想要了解更多，欢迎致电</p>
                <ul>
                    <li><img src="/employee/images/电 话01.png">800 820 8820</li>
                    <li><img src="/employee/images/信件.png">800 820 8820@email</li>
                    <li><img src="/employee/images/地址.png">800 Street,ChangSha</li>
                </ul>
            </div>
            <div>
                <h2>友情链接</h2>
                <p style="background-color: rgba(1,1, 1, 0);">需要其他帮助，可直接前往</p>
                <div style="margin-top: 10px;display: flex;flex-direction: column;">
                    <span>
                        <a href="https://www.jd.com/?cu=true&utm_source=baidu-search&utm_medium=cpc&utm_campaign=t_262767352_baidusearch&utm_term=172702131010_0_a0c557a76f3a47a59b30e31fc88366e6">
                            - 美的电器商城
                        </a>
                    </span>
                    <span>
                        <a href="https://jingyan.baidu.com/article/f7ff0bfc774b4b2e26bb1336.html">-
                             电脑死机解决办法
                        </a>
                    </span>
                    <span>
                        <a href="#">
                            - 公司新闻
                        </a>
                    </span>
                    <span>
                        <a href="#">
                            - 售后服务
                        </a>
                    </span>
                </div>


            </div>
            <div style="background-color: #23589C;border-radius: 20px;background-image: url(employee/images/opening-hours.png);">
                <!-- <div class="opening-hours"> -->
                <h2 style="margin-bottom: 10px;">开放时间</h2>
                <span>
                        周一 - 周五（除周三外）
                        <li>9.00-17.00</li>
                    </span>
                <span>
                        周三
                        <li>9.00-16.00</li>
                    </span>
                <span>
                        周六、周日
                        <li>10.00-16.00</li>
                    </span>
                <!-- </div> -->
            </div>
        </div>
        <div class="footer-1 footer-2">
            <p style="text-align: center;width: 100%;background-color: rgba(1,1, 1, 0);">到底了！ </p>

        </div>
    </footer>

    <script type="text/javascript" src="/employee/js/md5.js"></script>
        <script>
        function detail() {

            document.getElementById("close").click();
           $("#input1").val($("#00").val());
            $("#input2").val($("#01").val());
            $("#input3").val($("#02").val());
            $("#input4").val($("#03").val());
            $("#input5").val($("#04").val());
            $("#input6").val($("#05").val());
            $("#input7").val($("#06").val());


        }
        function detail1() {
            document.getElementById("close").click();
            $("#input1").val($("#10").val());
            $("#input2").val($("#11").val());
            $("#input3").val($("#12").val());
            $("#input4").val($("#13").val());
            $("#input5").val($("#14").val());
            $("#input6").val($("#15").val());
            $("#input7").val($("#16").val());


        }function detail2() {
            document.getElementById("close").click();
            $("#input1").val($("#20").val());
            $("#input2").val($("#21").val());
            $("#input3").val($("#22").val());
            $("#input4").val($("#23").val());
            $("#input5").val($("#24").val());
            $("#input6").val($("#25").val());
            $("#input7").val($("#26").val());


        }function detail3() {
            document.getElementById("close").click();
            $("#input1").val($("#30").val());
            $("#input2").val($("#31").val());
            $("#input3").val($("#32").val());
            $("#input4").val($("#33").val());
            $("#input5").val($("#34").val());
            $("#input6").val($("#35").val());
            $("#input7").val($("#36").val());


        }function detail4() {
            document.getElementById("close").click();
            $("#input1").val($("#40").val());
            $("#input2").val($("#41").val());
            $("#input3").val($("#42").val());
            $("#input4").val($("#43").val());
            $("#input5").val($("#44").val());
            $("#input6").val($("#45").val());
            $("#input7").val($("#46").val());


        }


        </script>
        <script>
            var TId
            var EId
            var materials=""



            function jiedan1(){
                TId=$("#t1").val()
                EId=$("#EId").val()

            }
            function jiedan2(){
                TId=$("#t2").val()
                EId=$("#EId").val()

            }
            function jiedan3(){
                TId=$("#t3").val()
                EId=$("#EId").val()

            }
            function jiedan4(){
                TId=$("#t4").val()
                EId=$("#EId").val()

            }
            function jiedan5(){
                TId=$("#t5").val()
                EId=$("#EId").val()

            }
            function get() {
                TId=$("#TId1").val()
                EId=$("#EId1").val()

            }
            function need() {
                if ($("#air").val()!=0){
                    if (materials==""){
                        materials=materials+"air:"+$("#air").val()
                    }
                    else materials=materials+","+"air:"+$("#air").val()
                }
                if ($("#computer").val()!=0){
                    if (materials==""){
                        materials=materials+"computer:"+$("#computer").val()
                    }
                    else materials=materials+","+"computer:"+$("#computer").val()
                }
                if ($("#light").val()!=0){
                    if (materials==""){
                        materials=materials+"light:"+$("#light").val()
                    }
                    else materials=materials+","+"light:"+$("#light").val()
                }
                if ($("#printer").val()!=0){
                    if (materials==""){
                        materials=materials+"printer:"+$("#printer").val()
                    }
                    else  materials=materials+","+"printer:"+$("#printer").val()
                }
                if ($("#others").val()!=0){
                    if (materials==""){
                        materials=materials+$("#others").val()+":"+$("#othersnum").val()
                    }
                    else materials=materials+","+$("#others").val()+":"+$("#othersnum").val()
                }
                console.log(materials);
                // materials="air:"+$("#air").val()+","+
                //     "light:"+$("#light").val()+","+"computer:"+$("#computer").val()+","+
                //     "printer:"+$("#printer").val()+","+$("#others").val()+":"+$("#othersnum").val()
                $.ajax({
                    type:"POST",
                    async: false,
                    url:"/jidan",
                    data: 'EId='+EId+'&TId='+TId+'&material='+materials,
                    success:function (result) {
                        if (result==="SUCCESS"){
                        alert("接单成功！");
                        window.location.reload();}
                        else alert("还有未做完的订单")
                    },
                    error : function() {
                        alert("出现异常！接单失败");
                    }
                });
            }
        </script>
    <script>
        function check(obj) {
            var d;
            $.ajax({
                type:"POST",
                async: false,
                url:"/jutixinx",
                data_type:"json",
                data: 'TId='+$(obj).text(),
                success:function (result) {
                    var data=JSON.parse(result);
                    $("#state").text(data.task.tStatus)
                    var date=new Date(data.task.time)
                    $("#baoxiusj").text(date.getFullYear()+"-"+date.getMonth()+"-"+date.getDay()+" "+date.getHours()+":"+date.getMinutes());
                    var date1=new Date(data.task.catchTime)
                    $("#jiedansj").text(date1.getFullYear()+"-"+date1.getMonth()+"-"+date1.getDay()+" "+date1.getHours()+":"+date1.getMinutes());
                    var date2=new Date(data.task.finishTime)
                    $("#finishsj").text(date2.getFullYear()+"-"+date2.getMonth()+"-"+date2.getDay()+" "+date2.getHours()+":"+date2.getMinutes());
                    $("#shebeilx").text(data.task.skill);
                    $("#desc").text(data.task.description);
                    $("#jinjdj").text(data.task.tStatus);
                    $("#CId").text(data.client.cId);
                    $("#CName").text(data.client.cName);
                    $("#CPhone").text(data.client.cPhone);
                    $("#EId1").val(data.task.eId)
                    $("#TId1").val(data.task.tId)
                    d=data.task.tStatus;
                },
                error : function() {
                    alert("出现异常！");
                }
            });
          if(d=="已接单"){
              $("#sqxsb").show();
              $("#finishdd").hide();
          }
            if(d=="申请通过"){
                $("#sqxsb").hide();
                $("#finishdd").show();
            }
            if(d=="已取消"){
                $("#sqxsb").hide();
                $("#finishdd").hide();
            }
            if(d=="已完成"){
                $("#sqxsb").hide();
                $("#finishdd").hide();
            }

        }
    </script>
    <script>
        function finishTask() {
            var TId=$("#TId1").val()
            var EId=$("#EId1").val()
            $.ajax({
                type: "POST",async: false,
                url: "/finishtask",
                data:'TId='+TId+'&EId='+EId,
                success: function (result) {
                    alert("订单完成")
                },
                error : function() {
                    alert("完成失败");
                }
            });
        }



        </script>
    <script src='/employee/js/jquery-2.2.3.min.js'></script>
    <!-- 滚动数字 -->
    <script >
        // $("#total-orders").text($("#listsize").val());
        // console.log($("#listsize").val());
        document.getElementById('total-orders').innerHTML=document.getElementById('listsize').getAttribute("value")
        console.log(document.getElementById('listsize').getAttribute("value"));
        // var totalNum = 1000;
        // var nums = 0;
        // // 调用计时函数
        // setTimeout(timedCount(nums), 500);
        //
        // // 循环计时函数, 多次调用自身函数, nums为被传递的参数
        // function timedCount(nums) {
        //     var count = Math.round(totalNum /10);
        //     nums = nums + count;
        //     document.getElementById('total-orders').innerHTML = nums
        //         // $("#nums").text(nums);
        //         // 设置条件使停止计时
        //     if (nums < 1000) {
        //         setTimeout(function() {
        //             timedCount(nums)
        //         }, 500);
        //     } else {
        //         document.getElementById('total-orders').innerHTML = totalNum
        //     }
        // }
    </script>

    <!-- 滚动数字 -->
    <script >
        document.getElementById('rem-rank').innerHTML=document.getElementById('rank').getAttribute("value")
        // var totalNum1 = 500;
        // var nums1 = 0;
        // // 调用计时函数
        // setTimeout(timedCount1(nums1), 1000);
        //
        // // 循环计时函数, 多次调用自身函数, nums为被传递的参数
        // function timedCount1(nums1) {
        //     nums1 = nums1 + 1;
        //     document.getElementById('rem-rank').innerHTML = nums1
        //         // $("#nums").text(nums);
        //         // 设置条件使停止计时
        //     if (nums1 < totalNum1) {
        //         setTimeout(function() {
        //             timedCount1(nums1)
        //         }, 1000);
        //     } else {
        //         document.getElementById('rem-rank').innerHTML = totalNum1
        //     }
        // }
    </script>

    <!-- 表格每行交替显示颜色
        <script>
            function altRows(id) {
                if (document.getElementsByTagName) {

                    var table = document.getElementById(id);
                    var rows = table.getElementsByTagName("tr");

                    for (i = 0; i < rows.length; i++) {
                        if (i % 2 == 0) {
                            rows[i].className = "evenrowcolor";
                        } else {
                            rows[i].className = "oddrowcolor";
                        }
                    }
                }
            }
            window.οnlοad = function() {
                altRows('#alternatecolor');
            }
        </script> -->
    <!--js working-->
    <script src='/employee/js/jquery-2.2.3.min.js'></script>

    <!--//js working-->
    <!-- carousal service slider-->
    <script src="/employee/js/slick.js"></script>
    <script>
        $(document).on('ready', function() {
            $(".center").slick({
                dots: true,
                infinite: true,
                centerMode: true,
                slidesToShow: 2,
                slidesToScroll: 2,
                responsive: [{
                    breakpoint: 768,
                    settings: {
                        arrows: true,
                        centerMode: false,
                        slidesToShow: 2
                    }
                }, {
                    breakpoint: 480,
                    settings: {
                        arrows: true,
                        centerMode: false,
                        centerPadding: '40px',
                        slidesToShow: 1
                    }
                }]
            });
        });
    </script>
    <!-- //carousal -->
    <!--responsiveslides banner-->
    <script src="/employee/js/responsiveslides.min.js"></script>
    <script>
        // You can also use"$(window).load(function() {"
        $(function() {
            // Slideshow 4
            $("#slider4").responsiveSlides({
                auto: true,
                pager: true,
                nav: false,
                speed: 900,
                namespace: "callbacks",
                before: function() {
                    $('.events').append("<li>before event fired.</li>");
                },
                after: function() {
                    $('.events').append(" <li> after event fired. < /li>");
                }
            });
        });
    </script>
    <!--// responsiveslides banner-->
    <!--About OnScroll-Number-Increase-JavaScript -->
    <script src="/employee/js/jquery.waypoints.min.js"></script>
    <script src="/employee/js/jquery.countup.js"></script>
    <script>
        $('.counter').countUp();
    </script>
    <!-- //OnScroll-Number-Increase-JavaScript -->
    <!-- clients FlexSlider-JavaScript -->
    <script defer src="/employee/js/jquery.flexslider.js"></script>
    <script>
        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider) {
                    $('body').removeClass('loading');
                }
            });
        });
    </script>
    <!-- //clients FlexSlider-JavaScript -->
    <!-- gallery-lightbox -->
    <script src="/employee/js/lsb.min.js"></script>
    <script>
        $(window).load(function() {
            $.fn.lightspeedBox();
        });
    </script>
    <!-- //gallery-lightbox -->
    <!-- start-smoth-scrolling -->
    <script src="/employee/js/move-top.js"></script>
    <script src="/employee/js/easing.js"></script>
    <script>
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 900);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
    <!-- here stars scrolling icon -->
    <script>
        $(document).ready(function() {

            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear'
            };


            $().UItoTop({
                easingType: 'easeOutQuart'
            });

        });
    </script>
    <!-- //here ends scrolling icon -->
    <!--bootstrap working-->
    <script src="/employee/js/bootstrap.min.js"></script>
    <!-- //bootstrap working-->
    <script type="text/javascript" src="/assets/js/md5.js"></script>
    <script type="text/javascript" src="/employee/js/md5.js"></script>
    <script>
        function update() {
            var paramData = $("#form1", window.parent.document).serializeArray();
            // 使用ES5功能替换字段(进行加密)
            paramData.forEach(function (item) {
                if (item.name === 'EPwd') {
                    if(null != item.value){
                        item.value = $.md5(item.value);
                    }
                }
            });
            // 将数组转化为字符串序列
            var param =  $.param(paramData);
            $.ajax({
                type: "POST",async: false,
                url: "/updateE",
                data:param,
                success: function (result) {
                    alert("更新成功")
                },
                error : function() {
                    alert("出现异常！更新失败");
                }
            });

        }
    </script>

</body>

</html>